<template>
  <div class="h-100">
    <!-- 1111 -->
    <my-header />
    <agricultural-technology v-if="fullPath == '/expert-service'"/>
    <div v-if="isMain" />
    <router-view v-else class="h87" />
    
  </div>
</template>

<script>
import MyHeader from '@/views/component/MyHeader2.vue'
import AgriculturalTechnology from './agricultural-technology.vue'
export default {
  name: 'ExpertService',
  components: {
    MyHeader,
    AgriculturalTechnology
  },
  data() {
    return {
      fullPath : ''
    }
  },
  watch: {
  $route: {
    handler: function(val, oldVal){
      this.fullPath = val.fullPath
    }
  }
},
  computed: {
    isMain() {
      return this.$route.name === 'expert-service'
    }
  },
  mounted() {
    this.fullPath = this.$route.fullPath 
  },
  methods: {

  }
}
</script>
<style lang='scss' scoped>
.h87{
  margin-top: 2vh;
  height: 87vh;
  padding: 0 1%;
  box-sizing: border-box;
}
</style>
